<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/样式初始化.css">
    <title>携程旅行</title>
</head>

<body>
    <div class="box">
        <!-- 顶部区域 -->
        <div class="top">
            <input type="text" placeholder="搜索目的地/酒店/航班号">
        </div>
        <!-- 导航区域 -->
        <div class="nav">
            <div class="nav1 dy">
                <ul class="ulone">
                    <li>
                        <a href="#">
                            <p><img src="./img/1.png" alt=""></p>
                            <p>酒店</p>
                        </a>
                    </li>
                    <li><a href="">
                            <p><img src="./img/2.png" alt=""></p>
                            <p>民宿/客栈</p>
                        </a></li>
                    <li><a href="">
                            <p><img src="./img/3.png" alt=""></p>
                            <p>美食</p>
                        </a></li>
                </ul>
            </div>
            <div class="nav1">
                <ul class="ultwo">
                    <li><a href="#">
                            <p><img src="./img/4.png" alt=""></p>
                            <p>机票</p>
                        </a></li>
                    <li><a href="#">
                            <p><img src="./img/5.png" alt=""></p>
                            <p>汽车/船票</p>
                        </a></li>
                    <li><a href="#">
                            <p><img src="./img/6.png" alt=""></p>
                            <p>租车</p>
                        </a></li>
                </ul>
            </div>
            <div class="nav1">
                <ul class="ulstr">
                    <li><a href="#">
                            <p><img src="./img/7.png" alt=""></p>
                            <p>火车票</p>
                        </a></li>
                    <li><a href="#">
                            <p><img src="./img/8.png" alt=""></p>
                            <p>汽车/船票</p>
                        </a></li>
                    <li><a href="#">
                            <p><img src="./img/9.png" alt=""></p>
                            <p>租车</p>
                        </a></li>
                </ul>
            </div>
            <div class="nav1">
                <ul class="ulfou">
                    <li><a href="#">
                            <p><img src="./img/10.png" alt=""></p>
                            <p>旅游</p>
                        </a></li>
                    <li><a href="#">
                            <p><img src="./img/11.png" alt=""></p>
                            <p>门票/活动</p>
                        </a></li>
                    <li><a href="#">
                            <p><img src="./img/12.png" alt=""></p>
                            <p>周边游</p>
                        </a></li>
                </ul>
            </div>
            <div class="nav1 hy">
                <ul class="ulfiv">
                    <li><a href="#">
                            <p><img src="./img/13.png" alt=""></p>
                            <p></p>攻略/景点
                        </a></li>
                    <li><a href="#">
                            <p><img src="./img/14.png" alt=""></p>
                            <p></p>购物/免税
                        </a></li>
                    <li><a href="#">
                            <p><img src="./img/15.png" alt=""></p>
                            <p></p>借钱/分期
                        </a></li>
                </ul>
            </div>
        </div>
        <!-- 特价区域 -->
        <div class="dj">
            <div class="djleft">
                <span><img class="imgone" src="./img/t1.png" alt="">
                    <span class="tj">特价好货直播</span><img src="./img/p1.jpg" alt="">
                    <p>¥999</p>
                </span>
            </div>
            <div class="djright">
                <span>
                    <img class="imgone" src="./img/t1.png" alt=""><span class="tj">特价好货直播<img class="tu1"
                            src="./img/p2.jpg" alt=""><img class="tu2" src="./img/p3.jpg" alt="">
                        <p>¥999</p>
                    </span>
                </span>



            </div>
        </div>
        <!-- 图片区域 -->
        <div class="photo">
            <img src="./img/b1.jpg" alt="">
        </div>

        <!-- 下边 -->
        <div class="foot">
            <div class="footer">
                <a href="#">电话预定</a><a href="#">下载流程</a>
            </div>
            <div class="footer1"><a href="#">网站地图</a><a class="footcen" href="#">|</a><a href="#">电脑版</a></div>
            <div class="bug">2024携程旅行沪ICP备08023580号</div>
        </div>

        <!-- 底部 -->
         <div class="wei">
            <a href="#">首页</a>
            <a href="#">社区</a>
            <a href="#">消息</a>
            <a href="#">我的</a>
         </div>



    </div>



</body>

</html>